<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="English.Search_Method_EN.Search_Example_En" %>
<jsp:useBean id="database" class="English.Search_Method_EN.Search_Example_En" scope="request" />
<!DOCTYPE html>
<html>
<head>
  <title>Knowledge-base system</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css"  href="../CSS/Show.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="../JS_EN/User_Login_En.js"></script>
</head>
	<body>

	<%--横向导航栏--%>
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark"  style="height: 50px;"> <!--fixed-top可以将横导航固定-->
	    <a class="navbar-brand" href="../Search_En.jsp">
	      <i class="fa fa-book" style="font-size:22px">
	      &nbsp Knowledge-base system
	      </i>
	    </a>
	    
	    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
	      <span class="navbar-toggler-icon"></span>
	    </button>
	    <div class="collapse navbar-collapse" id="collapsibleNavbar">
	      <ul class="navbar-nav" >
	        <li class="nav-item" >
	          <button type="button" class="btn btn-dark" style="color:rgb(141, 138, 138);" data-toggle="modal" data-target="#myModal">
	            	Administrator login	
	          </button>
	        </li>
	        </ul>
	    </div>
	     
	    <form action="Show2_En.jsp" method="post" name="form" class="form-inline" style="margin:5px; margin-right:5px;"> <%--内联在同一条线上--%>
	      <input type="text" name="keyWord" class="form-control" id="search" name="keyword" id="mail">
	      <button type="submit" value="提交" class="btn btn-primary" >
	      		Search
	      </button>
	    </form> 
  </nav>

<%-- 管理员模态框 --%>
  <div class="modal fade" id="myModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
  
        <%-- 管理员模态框头部 --%>
        <div class="modal-header">
          <h5 class="modal-title">Administrator login</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  
         		<form name="Login" action="../Check_EN/Checklogin_En.jsp" onsubmit="return validateForm()"  method="post">
	        <%-- 管理员模态框主体 --%>
	        <div class="modal-body"> 
		        <label for="user">Username:</label>
	            <input type="text" class="form-control" id="username" name="username">
	            <label for="pwd">Password:</label>
	            <input type="password" class="form-control" id="password" name="password">
	        </div>
  
        	<%-- 管理员模态框底部 --%>
	        <div class="modal-footer">
	          <button type="submit" class="btn btn-secondary"  onclick="validateForm()">
	           	 Login
	          </button> 
	        </div>
  		</form>
        
      </div>
    </div>
  </div>


 	<%--数据修改表格--%>
	<% request.setCharacterEncoding("UTF-8"); %>
	<jsp:setProperty name="database" property="keyWord" param="keyWord" /> <%--给已实例化的Javabean对象的属性赋值；name：javabean实例名；param：request对象中的参数名 --%>
	<jsp:getProperty name="database" property="queryResult" /> <%--获取javabean对象的属性值；property：属性名  --%>

	  <footer class="footer text-center relative-bottom">CopyRight © Code:1024</footer>


</body>
</html>